<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./common.css" type="text/css"/>
    <link rel="stylesheet" href="./admin.css" type="text/css"/>
    <style type="text/css">
        .content {
            width: 442px;
            margin-top: 20px;
            height: 720px;
            border: 1px solid red;
            margin-left: 30px;;
        }
        .shop_time {
            border: 1px solid red;
        }

        .shop_time, .shop_address, .shop_name {
            height: 30px;
            line-height: 30px;
        }

        .shop_name {
            width: 442px;
            line-height: 30px;
            height: 30px;
            border: 1px solid blue;
        }

        .shop_name input {
            display: block;
            width: 220px;

        }
        .shop_address input {
            display: block;
            width: 260px;

        }

        .job_type select {
            display: block;
            width: 160px;
            height: 30px;

        }
     
        input {
            background: #e9ecf3;
        }

        .shop_img {
            width: 442px;
            height: 80px;
        }

        .shop_img_title {
            width: 68px;
            height: 80px;
            line-height: 80px;
            margin-right: 10px;
            float: left;
        }

        .shop_img_logo {
            width: 80px;
            height: 80px;
            float: left;

        }

        .up_shop_img {
            display: block;
            width: 100px;
            height: 30px;
            margin-top: 50px;
            float: left;
            margin-left: 10px;
            margin-right: 20px;
        }

        .shop_img_warn {
            width: 89px;
            height: 15px;
            float: left;
            margin-top: 65px;
            line-height: 15px;
            text-align: center;

        }

        .shop_conduct {
            width: 442px;
            height: 137px;
            clear: both;
            border: 1px solid red;
        }

        .shop_conduct_head {
            width: 442px;
            height: 100px;
            border: 1px solid blue;
            margin-bottom: 100px;

        }

        .shop_conduct_title {
            height: 100px;
            width: 76px;
            line-height: 100px;
            float: left;
            margin-bottom: 0px;
        }

        .shop_conduct_img {
            width: 200px;
            height: 100px;
            float: left;
            background: #E9ecf3;
            margin-bottom: 0px;
        }

        .shop_conduct_footer {
            clear: both;
            width: 268px;
            height: 30px;
            margin-left: 76px;
            margin-top: -30px;
            border: 1px solid blue;
        }

        .shop_conduct_footer button {
            /*display: block;*/
            float: left;
            width: 82px;
            height: 32px;
        }

        #shop_conduct_span {
            display: block;
            float: right;
            margin-right: 0px;
            margin-left:0px;
            width: 178px;
            height: 15px;
            margin-top: 10px;

        }

        .shop_intro {
            width: 445px;
            height: 140px;
            border: 3px solid blue;
        }

        .shop_info_title {
            width: 68px;
            float: left;
            height: 140px;
            margin-right: 10px;
            border: 1px solid red;
            line-height: 140px;
        }

        .shop_info_content {
            width: 300px;
            height: 140px;
            float: left;
        }
        .shop_info_content textarea{
            width: 365px;
            height: 140px;
            resize:none;
            font-size: 11px;

        }

    </style>
</head>
<body>
<section>
    

<div class="content">
    <div class="shop_time">
        <span>店铺入驻时间:</span><span class="col-lg2" >2017年4月30日</span>
    </div>
    <div class="shop_name">
        <span>店铺名称:</span><input type="text" class="grey">
    </div>
    <div class="shop_address">
            <span>
            店铺地址:</span><input class="grey" type="text" style="width: 300px">
    </div>
    <div class="job_type"><span>所属行业:</span><select class="grey"></select></div>
    <div class="shop_img">
    <span>商铺图标:</span>
        <div class="shop_img_logo grey"></div>
        <button class="up_shop_img">点击上传图片</button>
        <div class="shop_img_warn font_grew">大小不能超过2M</div>
    </div>
    <div class="shop_conduct">
        <div class="shop_conduct_head">
                <span>店铺宣传:</span>      
            <div class="shop_conduct_img grew" style="margin-bottom: 0px">
            </div>
        </div>
        <div class="shop_conduct_footer">
            <button>上传图片</button>
            <span id="shop_conduct_span" class="font_grew">最多只能上传4张，大小不能超过2M</span>
        </div>
    </div>
    <div class="shop_intro">
            <span>店铺简介:</span>
        <div class="shop_info_content ">
           <textarea rows="3" cols="20" class="grey" placeholder="请对商铺进行简单介绍，例如主要经营业务、相关产品">
          </textarea>
        </div>
    </div>
    <div>
</section>
</body>
</html>